<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>登陆页面</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css"/>
    <link rel="stylesheet" href="css/main.css" type="text/css"/>
</head>
<body>
    <div class="headerBar">
    <div class="logoBar login_logo">
        <div class="comWidth clearFix">
            <div class="logo fl">
                <a href="#"><img src="images/logo.png" alt="商城网"/></a>
            </div>
            <h3 class="welcome_title">欢迎登录</h3>
        </div>
    </div><!--logoBar结束-->
</div>
    <div class="loginBox">
    <div class="login_cont">
        <form action="#" method="post"><ul class="login clearFix">
            <li class="l_tit">邮箱/用户名/手机号</li>
            <li class="mb_10"><input type="text" class="login_input user_icon"/></li>
            <li class="l_tit">密码</li>
            <li class="mb_10"><input type="text" class="login_input user_icon_02"/></li>
            <li class="autoLogin"><input type="checkbox" id="a1" class="checked" /><label for="a1">自动登录</label></li>
            <li class="autoLogin"><input type="checkbox" id="a2" class="checked" /><label for="a2">安全控件登陆</label></li>
            <li class="autoLogin"><input type="checkbox" id="a3" class="checked" /><label for="a3">自动登录</label></li>
        </ul></form>
        <input type="button" value="登录" class="login_btn"/>
        <div class="login_partners">
            <p class="l_tit">使用合作方账号登录网站</p>
            <ul class="login_list">
                <li><a href="#">QQ</a></li>
                <li><span>|</span></li>
                <li><a href="#">新浪微博</a></li>
                <li><span>|</span></li>
                <li><a href="#">人人</a></li>
                <li><span>|</span></li>
                <li><a href="#">奇虎360</a></li>
                <li><span>|</span></li>
                <li><a href="#">开心</a></li>
                <li><span>|</span></li>
                <li><a href="#">豆瓣</a></li>
                <li><span>|</span></li>
                <li><a href="#">搜狐</a></li>
                <li><span>|</span></li>
            </ul>
        </div>
    </div>
    <a class="reg_link" href="#"></a>
</div>
    <div class="hr_25"></div>
    <div class="footer">
    <p>
        <a href="#">商城简介</a>
        <i>|</i>
        <a href="#">商城公告</a>
        <i>|</i>
        <a href="#">招纳贤士</a>
        <i>|</i>
        <a href="#">联系我们</a>
        <i>|</i>
        <a href="#">客服热线：400-675-1234 </a>
    </p>
    <p>Copyright &copy; 2006 - 2014 商城版权所有&nbsp;&nbsp;&nbsp;
        云ICP备09037834号&nbsp;&nbsp;&nbsp;
        云ICP证B1034-8373号&nbsp;&nbsp;&nbsp;
        某市公安局XX分局备案编号：123456789123
    </p>
    <p class="footerLogo">
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
    </p>
</div>
</body>
</html>